HTMLify
sortable list
Views: 420 | Author: cody
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 | <!-- Reference: https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API --> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css" integrity="sha512-+4zCK9k+qNFUR5X+cKL9EIR+ZOhtIloNl9GIKS57V1MyNsYpYcUrUeQc9vNfzsWfV28IaLL3i96P9sdNyeRssA==" crossorigin="anonymous" /> <link rel="stylesheet" href="style.css" /> <title>Top 10 Richest People</title> </head> <body> <h1>Top 10 Richest People</h1> <p>Drag and drop the entries into their corresponding spots</p> <ul class="draggable-list" id="draggable-list"></ul> <button id="check" class="check-btn"> Check Order <i class="fas fa-paper-plane"></i> </button> <script src="script.js"></script> </body> </html> |